/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-05-23 14:25:49
 * @LastEditTime : 2023-06-20 17:11:38
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Common\Login\LoginStyle\BHALoginPage.jsx
 * @Description  :
 */
import '../Scss/BHALoginPage.scss'
import { lazy, Suspense } from 'react'
import { PlugInUnit } from '../PlugInUnit'

const SignUp = lazy(() => import('../SignUp'))

const BHALoginPage = ({ imageUrl, codeState, toggle, uuid, title }) => {
    return (
        <Suspense fallback={<div>鹤伊登录</div>}>
            <div className="BHALoginPage">
                <img className="LoginBack" src={`${imageUrl}Login.png`} alt="" />
                <div className="top">
                    <img className="nav" src={`${imageUrl}Nav.png`} alt="" />
                    <img className="mock" src={`${imageUrl}Top.png`} alt="" />
                    <div>{title}</div>
                </div>
                <img className="bottom" src={`${imageUrl}Btm.png`} alt="" />

                <div className="LoginBox">
                    <img className="LoginBoxBack" src={`${imageUrl}Sign.png`} alt="" />
                    <div className="title">平台登录</div>
                    <div className="SingUp">
                        <SignUp />
                        <PlugInUnit />
                    </div>
                </div>
            </div>
        </Suspense>
    )
}
export default BHALoginPage
